<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
"http://www.w3.org/TR/html4/strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Black Book</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link type="text/css" rel="stylesheet" href="iphonenav.css" />
    <link rel="apple-touch-icon" href="../images/favicon.ico">
    <link rel="shortcut icon" href="favicon.png"> 
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="jquery.editinplace.js"></script>
    <script src="iphonenav.js"></script>
    <script src="my.js"></script>
  </head>

  <body>
    <h1 id="page_title"></h1>
    
    <h5 id="action_bar">
      <input id="search" class="action_bar_item" size="37" value="search" style="opacity:.9">
      <input id="save_task" class="button2 action_bar_item" type="button" value="&#10063;" href="javascript:void();">
     <!--<input id="new" class="button2 action_bar_item" type="button" value="&#43;" href="javascript:void();"> -->
      <input id="list" class="button2 action_bar_item" type="button" value="&equiv;" href="javascript:void();">
      <input id="completed" class="button2 action_bar_item icon" type="button" value="&#10003;" href="javascript:void();">
      <input id="not_completed" style="color:black;" class="button2 action_bar_item icon" type="button" value="&#10003;" href="javascript:void();">
      <input id="activate" class="button2 action_bar_item icon" type="button" value="&uarr;" href="javascript:void();">
      <input id="deactivate" class="button2 action_bar_item" type="button" value="&darr;" href="javascript:void();">
      <input id="remove" style="color:red;" class="button2 action_bar_item icon" type="button" value="&times;" href="javascript:void();">
      <input id="reset_counters" class="button2 action_bar_item" type="button" value="Reset All" href="javascript:void();">
      <input id="previous" class="button2 action_bar_item" type="button" value="Previous" href="javascript:void();">
      <input id="answer" class="button2 action_bar_item" type="button" value="Show Answer" href="javascript:void();">
      <input id="next" class="button2 action_bar_item" type="button" value="Next" href="javascript:void();">
      <input id="filter" class="button2 action_bar_item" type="button" value="Filter" href="javascript:void();">
      <input id="filter_submit" class="button2 action_bar_item" type="button" value="Submit" href="javascript:void();">      
      <input id="list_tags" class="button2 action_bar_item" type="button" value="&equiv; Tags" href="javascript:void();"> 
      <input id="list_tasks" class="button2 action_bar_item" type="button" value="&equiv; Tasks" href="javascript:void();"> 
      <input id="add_tag" class="button2 action_bar_item" type="button" value="&#43; Tag" href="javascript:void();">
      <input id="edit_tag_button" class="button2 action_bar_item" type="button" value="Edit Tag" href="javascript:void();">
    <!--  <input id="add_task" class="button2 action_bar_item" type="button" value="&#43; Task" href="javascript:void();"> -->
      <input id="delete_tag" style="color:red;" class="button2 action_bar_item" type="button" value="&times;" href="javascript:void();">
      <input id="add_bs_item" class="button2 action_bar_item" type="button" value="&#43;" href="javascript:void();">
      <input id="add_counter_item" class="button2 action_bar_item" type="button" value="&#43;" href="javascript:void();">
      <input id="add_tag" class="button2 action_bar_item" type="button" value="&#43;" href="javascript:void();">
      
    </h5>
    
    <a id="home_button" class="button" href="#bb">Home</a>
    <a id="action_button" name="add_task" class="button" style="line-height:22px; font-size:26px;" href="javascript:void(0);">&#43;</a>
    
    <ul id="bb" title="Black Book" selected="true">
      <!-- home shortcuts prepended here -->
    
      <li style="background:#000 url('') no-repeat scroll right center ;">&nbsp;</li>
       
      <li><a id="home_be" href="#be">Be</a></li>
      <li><a id="home_calendar" href="#calendar" onclick="window.location='http://calendar.google.com'">Calendar</a></li>
      <li><a id="home_counters" href="#counters">Counters</a></li>
      <li><a id="home_links" href="#links">Links</a></li>
      <li><a id="home_bs" href="#bs">Net Worth</a></li>
      <li><a id="home_tags" href="#tags">Tags</a></li>
      <li><a id="home_qna" href="#qna">Q&A</a></li>        
      <!--<li><a href="#Media">Media</a></li> -->
    </ul>
    
    <ul id="tags_listing" title="Tags">
    </ul>
    
    <div id="edit_tag" title="Edit Tag" class="panel">
      <div class="message" style="display:none"></div>
      <div class="tag_page">
        <h1 id="tag_name" class="tag_name"></h1>
      </div>
      <div class="tag_page">
        <div id="tag_supertags"></div>
        <div id="super_tags_dropdown"></div>
      </div>
      <div class="tag_page">
        <div id="tag_subtags"></div>
        <div id="sub_tags_dropdown"></div>
      </div>
      <div class="tag_page">
        <strong>Home Shortcut</strong><input id="home_shortcut_tag_checkbox" type="checkbox">
      </div>
    </div> 
    
    <ul id="links" title="Links">
      <li>links to go here .. do ajax call and fill in window.location onclick</li>
    </ul>
    
    <ul id="qna" title="Q&A">
    </ul>
    
    <div id="bs" title="Net Worth">
      <center>
        <table id="balance_sheet_table">
        </table>
      </center>
    </div>
    
    <div id="counters" title="Monthly">
      <center>
        <table id="counters_table">
        </table>
      </center>
    </div>
    
    <div id="be" title="Be" class="panel">
      <center>
        <div id="be_content">
          <input id="be_input">
          <center>
            <div id="be_lines"></div>
          </center>
        </div>
      </center>
    </div>
      
    <div id="tasks" title="Tasks" class="panel">
      <div class="message" style="display:none"></div>
      <div>
        <label id="name_label">Name:</label>
        <textarea id='name' rows='6' cols='37' class="task_page"></textarea>
      </div>
      <div id="tags" style="display:none;">
        <input id="tags_input" value="" class="add_tag" />
        <a id="add_tag" href="javascript:void();" class="goButton task_page add_tag">&#43;</a>
      </div>
      <div id="tags_dropdown"></div>
      <div id="priority"></div> 
      <div>
        <select id="lookup_select">
          <option value="" selected="selected">Search</option>
          <option value="http://www.answers.com/topic/">Answers</option>
          <option value="http://www.thefreedictionary.com/">TFD</option>
          <option value="http://www.google.com/search?q=">Google</option>
          <option value="http://images.google.com/images?q=">Images</option>
          <option value="http://www.google.com/search?q=spanish+definition+">Spanish</option>
          <option value="http://en.wikipedia.org/wiki/">Wiki</option>
        </select>
      </div>
      <!-- <div id="due_date"><a id="due_date_anchor" href="javascript:void();">&#8734;</a></div> -->
      <div>
        <textarea id='task_note' rows='60' cols='37' class="task_page"></textarea>
      </div>
    </div> 
          
    <ul id="task_list" title="">
    </ul>
                        
    <div id="Filter" title="Filter">
      <form id="FilterForm" class="dialog" action="#task_list">
        <fieldset>
          <div>
            <div>
              <select id="filter_tasks_dropdown" class="filter_select">
              </select>
            </div>
            <div>
              <select id="filter_tasks_completion_dropdown" class="filter_select">
                <option value="1">All</option>
                <option value="2">Complete</option>
                <option value="3" selected="selected">Not Complete</option>
              </select>
            </div>
            <div>
              <select id="filter_tasks_data_span" class="filter_select">
                <option value="1" selected="selected">Any Time</option>
                <option value="2">Today</option>
                <option value="3">Yesterday</option>
              </select>
            </div>
            <div>
              <select id="filter_tasks_sort_field" class="filter_select">
                <option value="" selected="selected">Select Sort Field</option>
                <option value="completed">Completed</option>
                <option value="due_date">Due Date</option>
                <option value="name">Name</option>
                <option value="priority_id">Priority</option>
                <option value="updated">Updated</option>
              </select>
            </div>
            <div>
              <select id="filter_tasks_sort_direction" class="filter_select">
                <option value="" selected="selected">Select Sort Direction</option>
                <option value="ASC" selected="selected">Ascending</option>
                <option value="DESC">Descending</option>
              </select>
            </div>
          </div>
        </fieldset>
      </form>
    </div>    
  </body>
</html>
